<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米商城</title>
		<link rel="stylesheet" type="text/css" href="./css/style.css">
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.js"></script>
        <script type="text/javascript">
            //接收用户信息
                $(function () {


                    let name = localStorage.getItem("name");
                    if(name==null){
                        $("#dlname").text("登陆").click(function () {
                            location.href="login.html";
                        })
                    }else{
                        $("#dlname").text(name);
                        $("#dlname").click(function () {
                            location.href="self_info.html";
                        })
                    }

                    $("#dele").click(function () {
                        //注销
                        localStorage.removeItem("name");
                        location.href="index.html";
                    })

                    $("#but").click(function () {
                        alert("商品缺货 补货中！")
                    })



                })





        </script>
	</head>
	<body>
	<!-- start header -->
    <header>
        <div class="top center">
            <div class="left fl">
                <ul>
                    <li><a href="#" target="_blank">小米商城</a></li>

                    <div class="clear"></div>
                </ul>
            </div>
            <div class="right fr">
                <div class="gouwuche fr"><a href="gouwuche.html">购物车</a></div>
                <div class="fr">
                    <ul id="tophint">
                        <li ><a href="login.html" target="_blank" id="dlname">登录</a></li>
                        <li>|</li>
                        <li><a href="./register.html" target="_blank" >注册</a></li>
                        <li>|</li>
                        <li><a href=""  >消息通知</a></li>
                        <li>|</li>
                        <li><a href="#" id="dele">注销</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
    </header>
    <!--end header -->

    <!-- start banner_x -->
    <div class="banner_x center">
        <a href="./index.html" target="_blank"><div class="logo fl"></div></a>
        <a href=""><div class="ad_top fl"></div></a>
        <div class="nav fl">
            <ul>
                <li><a href="liebiao.html" target="_blank">小米手机</a></li>
                <li><a href="">红米</a></li>
                <li><a href="">平板·笔记本</a></li>
                <li><a href="">电视</a></li>
                <li><a href="">盒子·影音</a></li>
                <li><a href="">路由器</a></li>
                <li><a href="">智能硬件</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
            </ul>
        </div>
        <div class="search fr">
            <form action="" method="post">
                <div class="text fl">
                    <input type="text" class="shuru"  placeholder="小米6&nbsp;小米MIX现货">
                </div>
                <div class="submit fl">
                    <input type="submit" class="sousuo" id="" value="搜索"/>
                </div>
                <div class="clear"></div>
            </form>
            <div class="clear"></div>
        </div>
    </div>
    <!-- end banner_x -->

    <!-- start banner_y -->
    <div class="banner_y center">
        <div class="clear"></div>
    </div>
    <div class="sub_banner center">
        <div class="sidebar fl">
            <div class="fl"><a href=""><img src="./image/hjh_01.gif"></a></div>
            <div class="fl"><a href=""><img src="./image/hjh_02.gif"></a></div>
            <div class="fl"><a href=""><img src="./image/hjh_03.gif"></a></div>
            <div class="fl"><a href=""><img src="./image/hjh_04.gif"></a></div>
            <div class="fl"><a href=""><img src="./image/hjh_05.gif"></a></div>
            <div class="fl"><a href=""><img src="./image/hjh_06.gif"></a></div>
            <div class="clear"></div>
        </div>
        <div class="datu fl"><a href=""><img src="./image/hongmi4x.png" alt=""></a></div>
        <div class="datu fl"><a href=""><img src="./image/xiaomi5.jpg" alt=""></a></div>
        <div class="datu fr"><a href=""><img src="image/mingai.jpg" alt=""></a></div>
        <div class="clear"></div>


    </div>
    <!-- end banner -->

    <!-- start danpin -->
    <div class="danpin center" id="but">

        <div class="biaoti center">小米明星单品</div>
        <div class="main center">
            <div class="mingxing fl">
                <div class="sub_mingxing"><a href=""><img src="./image/pinpai1.png" alt=""></a></div>
                <div class="pinpai"><a href="">小米MIX</a></div>
                <div class="youhui">5月9日-21日享花呗12期分期免息</div>
                <div class="jiage">3499元起</div>
            </div>
            <div class="mingxing fl">
                <div class="sub_mingxing"><a href=""><img src="./image/pinpai2.png" alt=""></a></div>
                <div class="pinpai"><a href="">小米5s</a></div>
                <div class="youhui">5月9日-10日，下单立减200元</div>
                <div class="jiage">1999元</div>
            </div>
            <div class="mingxing fl">
                <div class="sub_mingxing"><a href=""><img src="./image/pinpai3.png" alt=""></a></div>
                <div class="pinpai"><a href="">小米手机5 64GB</a></div>
                <div class="youhui">5月9日-10日，下单立减100元</div>
                <div class="jiage">1799元</div>
            </div>
            <div class="mingxing fl">
                <div class="sub_mingxing"><a href=""><img src="image/min3.jpg" alt=""></a></div>
                <div class="pinpai"><a href="">小米MIX3 醇厚设计</a></div>
                <div class="youhui">5月9日，下单立减200元</div>
                <div class="jiage">3999元</div>
            </div>
            <div class="mingxing fl">
                <div class="sub_mingxing"><a href=""><img src="image/mingait.jpg" alt=""></a></div>
                <div class="pinpai"><a href="">小米10</a></div>
                <div class="youhui">更轻更薄，新一代轻薄手机</div>
                <div class="jiage">3599元起</div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="peijian w">
        <div class="biaoti center">配件</div>
        <div class="main center">
            <div class="content">
                <div class="remen fl"><a href=""><img src="./image/peijian1.jpg"></a>
                </div>
                <div class="remen fl">
                    <div class="xinpin"><span>新品</span></div>
                    <div class="tu"><a href=""><img src="./image/peijian2.jpg"></a></div>
                    <div class="miaoshu"><a href="">小米6 硅胶保护套</a></div>
                    <div class="jiage">49元</div>
                    <div class="pingjia">372人评价</div>
                    <div class="piao">
                        <a href="">
                            <span>商品已售光 补货中</span>
                        </a>
                    </div>
                </div>
                <div class="remen fl">
                    <div class="xinpin"><span style="background:#fff"></span></div>
                    <div class="tu"><a href=""><img src="./image/peijian3.jpg"></a></div>
                    <div class="miaoshu"><a href="">小米手机4c 小米4c 智能</a></div>
                    <div class="jiage">29元</div>
                    <div class="pingjia">372人评价</div>
                    <div class="piao">
                        <a href="">
                            <span>商品已售光 补货中</span>
                        </a>
                    </div>
                </div>
                <div class="remen fl">
                    <div class="xinpin"><span style="background:red">享6折</span></div>
                    <div class="tu"><a href=""><img src="./image/peijian4.jpg"></a></div>
                    <div class="miaoshu"><a href="">红米NOTE 4X 红米note4X</a></div>
                    <div class="jiage">19元</div>
                    <div class="pingjia">372人评价</div>
                    <div class="piao">
                        <a href="">
                            <span>商品已售光 补货中</span>
                        </a>
                    </div>
                </div>
                <div class="remen fl">
                    <div class="xinpin"><span style="background:#fff"></span></div>
                    <div class="tu"><a href=""><img src="./image/peijian5.jpg"></a></div>
                    <div class="miaoshu"><a href="">小米支架式自拍杆</a></div>
                    <div class="jiage">89元</div>
                    <div class="pingjia">372人评价</div>
                    <div class="piao">
                        <a href="">
                            <span>商品已售光 补货中</span>
                        </a>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="content">
                <div class="remen fl"><a href=""><img src="./image/peijian6.png"></a>
                </div>
                <div class="remen fl">
                    <div class="xinpin"><span style="background:#fff"></span></div>
                    <div class="tu"><a href=""><img src="./image/peijian7.jpg"></a></div>
                    <div class="miaoshu"><a href="">小米指环支架</a></div>
                    <div class="jiage">19元</div>
                    <div class="pingjia">372人评价</div>
                    <div class="piao">
                        <a href="">
                            <span>商品已售光 补货中</span>
                        </a>
                    </div>
                </div>
                <div class="remen fl">
                    <div class="xinpin"><span style="background:#fff"></span></div>
                    <div class="tu"><a href=""><img src="./image/peijian8.jpg"></a></div>
                    <div class="miaoshu"><a href="">米家随身风扇</a></div>
                    <div class="jiage">19.9元</div>
                    <div class="pingjia">372人评价</div>
                    <div class="piao">
                        <a href="">
                            <span>商品已售光 补货中</span>
                        </a>
                    </div>
                </div>
                <div class="remen fl">
                    <div class="xinpin"><span style="background:#fff"></span></div>
                    <div class="tu"><a href=""><img src="./image/peijian9.jpg"></a></div>
                    <div class="miaoshu"><a href="">红米4X 高透软胶保护套</a></div>
                    <div class="jiage">59元</div>
                    <div class="pingjia">775人评价</div>
                    <div class="piao">
                        <a href="">
                            <span>商品已售光 补货中</span>
                        </a>
                    </div>
                </div>
                <div class="remenlast fr">
                    <div class="hongmi"><a href=""><img src="./image/hongmin4.png" alt=""></a></div>
                    <div class="liulangengduo"><a href=""><img src="./image/liulangengduo.png" alt=""></a></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <footer class="mt20 center">
        <div class="mt20">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
        <div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div>
        <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
    </footer>
    </body>
</html>